<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<!--     
    <script src="./a.js"></script>
    <script src="./b.js"></script> -->
</head>

<body>
    <script type="module">
        // 前端 ：模块化 代码分成各个文件 每个文件就是一个模块 
        // 每个模块拥有自己的独立命名空间 ；独立的作用域 ； 变量 污染；
        // 直接引入 ： 1.变量污染  2.依赖关系复杂 
        // 1.自执行函数 区分作用域 2.对象 
        // console.log(window.name);

        // console.log(obj1.myname);
        // console.log(obj2.myname);
        // 1. AMD 设计的 require.js  2. CMD sea.js 模块化框架 

        // ES6 前端自己的模块化规范 ES module
        // module：模块  model：模型

        // ESmodule的使用 
        // 1.设置 script 标签的type="module" 2.一定需要通过服务器地址打开
        // 服务器地址 ： 协议(http/https)://域名（ip地址）：端口号（默认端口号 80 、443）/地址 
        // http://127.0.0.1:5500/day17/2.%E5%AF%BC%E5%85%A5%E5%92%8C%E5%AF%BC%E5%87%BA/index.html

        // 引入 c 模块 
        // import "./c.js"; // 引入c模块
        // console.log(c);
        import  myd from './c.js';
        console.log(myd);

        // 互相导入导出 ： 有三个模块 a b c  引入关系  c引入 b, b 引入a, a里有一个对象, 导出到b  在导出到c 最终在index.html里打印出来；
      
    


    </script>
</body>

</html>